@import 'variables';
@import 'mixins';
@import 'common';


//.header{
////  background-color: #F5F5F5;
//  .backgroundColor(#f5f5f5);
//  .header-top{
//      background: lightcyan;
//      .height;
//  }
//  .header-left{
//      background: greenyellow;
//      .logo{
//          a{
//              font-size: 36px;
//              &:hover{
//                  text-decoration: none;
//                  color:#999;
//              }
//              img{
//                  height: 80px;
//                  padding-right: 10px;
//              }
//          }
//      }
//  }
//  
//  .header-right{
//      background: lightcoral;
//      .height;
//  }
//  
//}


.header{
    
    .header-left{
        .header-btn{
            margin: 23px;
        }
        .header-logo{
            font-size: 36px;
            color:#7caf46;
            text-decoration: none;
            
            img{
                height: 80px;
                padding-right: 10px;
            }
        }
    }
    
    .header-right{
        ul{
            .header-item{
                a{
                    height: 80px;
                    font-size: 18px;
                    text-align: center;
                    line-height: 80px;
                    padding: 0 20px;
                    margin-left: 1px;
                    outline: none;
                    &:hover{
                        background:#dff0d8;
                    }
                }
            }
        }
    }
}
